// 封装购物车模块
import { delCartAPI, getCartListAPI, insertCartAPI } from '@/api/cart.ts';
import { CartItem } from '@/api/model/cartModel.ts';
import { useUserStore } from '@/stores/userStore.ts';
import { defineStore } from 'pinia';
import { computed, ref } from 'vue';

export const useCartStore = defineStore(
  'cart',
  () => {
    // 用户信息
    const userStore = useUserStore();
    //根据是否有token判断用户是否登录
    const isLogin = computed(() => userStore.userInfo.token);

    //  //state 购物车列表数据
    const cartList = ref([] as CartItem[]);

    // 获取最新购物车列表
    const updateNewList = async () => {
      //异步获取最新的购物车列表数据
      const res = await getCartListAPI();
      cartList.value = res.result;
    };

    // actions 添加入购物车事件
    const addCart = async (good: CartItem) => {
      if (isLogin.value) {
        //用户登录后添加购物车
        const { skuId, count } = good;
        await insertCartAPI({ skuId, count });
        await updateNewList();
      } else {
        //未登录时本地添加购物车
        // 已添加过 - count + 1;
        // 没有添加过 - 直接push
        // 思路：通过匹配传递过来的商品对象中的skuId能不能在cartList中找到，找到了就是添加过
        const item = cartList.value.find((item: CartItem): boolean => good.skuId === item.skuId);
        if (item) {
          // 已添加过，商品数量直接原基础上加1
          item.count += 1;
        } else {
          // 没有添加过商品，则push到购物车
          cartList.value.push(good);
        }
      }
    };

    // actions 删除购物车中某件商品的事件
    const delCart = async (skuId: string) => {
      if (isLogin.value) {
        await delCartAPI([skuId]);
        await updateNewList();
      } else {
        //本地删除
        //根据skuId来删除对应的数组对象
        //思路1：找到元素下标，使用splice方法
        const idx = cartList.value.findIndex((item) => item.skuId === skuId);
        cartList.value.splice(idx, 1);
        //思路2：使用filter过滤
        // cartList.value = cartList.value.filter((item) => item.skuId !== skuId);
      }
    };

    // actions 清除购物车
    const clearCart = () => {
      cartList.value = [];
    };

    // actions 商品单选框事件
    const singCheckChange = (sukId: string, selected: boolean) => {
      // 通过skuId找到要修改的那一项 然后把它的selected修改为传过来的selected
      cartList.value.forEach((item) => {
        if (item.skuId === sukId) {
          item.selected = selected;
        }
      });
    };

    // actions 全选框事件
    const allCheckChange = (selected: boolean) => {
      // 基础思想：
      // 1. 全选状态决定单选框状态 - 遍历cartList把每一项的selected都设置为何全选框状态一致;
      // 2. 单选框状态决定全选状态 - 只有所有单选框的selected都为true, 全选框才为true
      cartList.value.forEach((item) => (item.selected = selected));
    };

    //计算属性
    //1.是否全选
    const isAll = computed(() => cartList.value.every((item) => item.selected));

    // 2.购物中商品的总数量
    const allCount = computed(() => {
      return cartList.value.reduce((count, item) => count + item.count, 0);
    });

    // 3.购物中商品的总价格
    const allPrice = computed(() => {
      return cartList.value.reduce((sum, item) => sum + item.count * item.price, 0);
    });

    // 4.选中商品数量
    const SelectedCount = computed(() => {
      return cartList.value.filter((item) => item.selected).reduce((count, item) => count + item.count, 0);
    });

    //5.已选择的商品总价
    const SelectedCPrice = computed(() => {
      return cartList.value.filter((item) => item.selected).reduce((count, item) => count + item.count * item.price, 0);
    });
    return {
      cartList,
      addCart,
      delCart,
      singCheckChange,
      allCheckChange,
      clearCart,
      updateNewList,
      SelectedCount,
      SelectedCPrice,
      isAll,
      allCount,
      allPrice
    };
  },
  {
    //持久化保存
    persist: true
  }
);
